<div style="height: 42px;">&nbsp;</div>
<div class="position-fixed w-100" style="z-index: 99; top: 0px; left: 0px;">

    <nav class="navbar navbar-dark bg-dark pt-0 pb-0">

        <div>
            <a class="navbar-brand" href="javascript:;"><fa-icon [icon]="fa.faTree"></fa-icon></a>
            <span class="navbar-text">
              <a href="javascript:;" (click)="navbar.home.href($event)" class="font-weight-bold">
                  <span class="color-gainsboro">{{navbar.home.name}}</span>
              </a>
              <span> / </span>
              <span>{{navbar.module.name}}</span>
              <span> / </span>
              <a href="javascript:;" (click)="navbar.menu.href($event)">
                  <span class="color-gainsboro">{{navbar.menu.name}}</span>
              </a>
              <span> / </span>
              <span>{{navbar.func.name}}</span>
            </span>
        </div>


        <div>
            <button *ngIf="Navbar.RES_STATUS === 400" type="button" class="btn btn-sm btn-danger" (click)="click400($event)">
                <fa-icon [icon]="fa.faTired"></fa-icon>
            </button>
            <button *ngIf="Navbar.RES_STATUS === 200" type="button" class="btn btn-sm btn-success">
                <fa-icon [icon]="fa.faSmileBeam"></fa-icon>
            </button>
        </div>

        <form class="form-inline my-2 my-lg-0">
            <button type="button" class="btn btn-sm btn-outline-secondary mr-2 font-weight-bold text-light">
                <fa-icon [icon]="fa.faCogs"></fa-icon>
            </button>
            <button type="button" class="btn btn-sm btn-outline-secondary mr-2 font-weight-bold text-light">
                <fa-icon [icon]="fa.faUser"></fa-icon>
            </button>
            <button type="button" class="btn btn-sm btn-outline-secondary mr-2 font-weight-bold text-white"
            (click)="navbar.func.logout.req($event)">
                <fa-icon [icon]="fa.faPowerOff"></fa-icon>
            </button>
        </form>

    </nav>

</div>
